<!DOCTYPE html>
<html class="x-admin-sm">
  
  <head>
    <meta charset="UTF-8">
    <title>我的新闻</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script type="text/javascript" src="../js/cookie.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body class="">
  	   <div id="page1"></div>
    <script>
          $("#page1").load("../conn/islogin.php");
    </script>

    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="../index.php">首页</a>
        <a href="">栏目管理</a>
        <a>
          <cite>一级栏目</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
    	 <blockquote class="layui-elem-quote">不建议删除栏目，这将会导致该栏目新闻数据冗余或无法正常显示，可使用更名或关闭</blockquote>
    	
    	 <!--<blockquote class="layui-elem-quote">不建议删除栏目，这将会导致该栏目新闻丢失<i class="layui-icon x-show" status='true'>&#xe623;</i></blockquote>-->
      <!--<div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
          <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
          <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>-->
      <table class="layui-table" lay-data="{url:'./CateList_Json.php',toolbar: '#toolbarDemo',id:'test'}" lay-filter="test">
        <thead>
          <tr>
          	<th lay-data="{type:'checkbox'}">ID</th>
            <!--<th lay-data="{field:'id', width:80, sort: true}">ID</th>-->
            <th lay-data="{field:'categoryName', width:120, sort: true, edit: 'text'}">栏目名</th>
            <th lay-data="{field:'categoryNo', edit: 'text', width: 350}">索引ID</th>
            <th lay-data="{field:'path', width:120, sort: true, edit: 'text'}">标题</th>
            <th lay-data="{field:'level', width:120, sort: true, edit: 'text'}">标题</th>

            <th lay-data="{field:'state', width:180,sort: true }">开启</th>
            <th lay-data="{field:'type', edit: 'text', minWidth: 100}">状态</th>
          
            <!--<th lay-data="{field:'PlacedTop', sort: true, edit: 'text'}">置顶</th>-->
          </tr>
        </thead>
      </table>

    </div>
    <script type="text/html" id="toolbarDemo">
      <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
        <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
        <button class="layui-btn layui-btn-danger" lay-event="deleCheckData"><i class="layui-icon"></i>批量删除</button>
      </div>
    </script>

    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });
        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
    </script>
    <script>
    layui.use('table', function(){
      var table = layui.table;
      
      //监听单元格编辑
      table.on('edit(test)', function(obj){
        var value = obj.value //得到修改后的值
        ,data = obj.data //得到所在行所有键值
        ,field = obj.field; //得到字段
        layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
      });

      //头工具栏事件
      table.on('toolbar(test)', function(obj){
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event){
          case 'getCheckData':
            var data = checkStatus.data;
            layer.alert(JSON.stringify(data));
          break;
          case 'getCheckLength':
            var data = checkStatus.data;
            layer.msg('选中了：'+ data.length + ' 个');
          break;
          case 'isAll':
            layer.msg(checkStatus.isAll ? '全选': '未全选');
          break;
            case 'deleCheckData':
            var data = checkStatus.data;
//          layer.alert(JSON.stringify(data,['no']));
        var no = JSON.stringify(data,['no']);
//      layer.alert(no);	
//      ajax(url: dele.php,options:no);
		if(window.confirm("是否删除到回收站")){
			 	$.get('News_recycle.php',no);
        window.location.href="News_recycle.php?no="+no;
		}
          break;
        };
      });
    });
    </script>
  </body>

</html>